@charset "utf-8";

/* CSS Document */



.product_bg{margin:0 auto;width:100%; background:#f6f6f8; height:1460px; padding:50px 0; }

.product{margin:0 auto;width:1180px; }

.product .cp_t{ width:1180px; margin:0 auto 30px auto; height:65px;}

.product .cp_t h2{margin:0 auto; font-size:36px; color:#2f2f2f; font-weight:bold; text-align:center; display:block;height: 50px;}

.product .cp_t p{font-size:18px; color:#999; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center;}

.list{ float:right;  }

.list .list_con{ float:right;height:auto; }



#menu, ul#menu ul {list-style-type:none;margin: 0;padding: 0;}

#menu a {display: block;text-decoration: none;	}

#menu li { line-height:40px; font-family:"Microsoft YaHei"; font-size:16px; margin:0px auto;}

#menu li{height:40px; line-height:40px;margin:0px 10px; width:180px; float:left;  background:#eee;}

#menu li a {color: #333;font-size:16px; text-align:center; line-height:40px; display:block;}



#tab{width:1180px;position:relative;margin:0 auto;}                            

#tab .tab_menu{width:300px;float:left;position:absolute;z-index:1; height:40px;}

#tab .tab_menu li a{float:left;width:108px;height:40px;line-height:40px;cursor:pointer;text-align:center;margin:0px 10px 0px 0; font-size:16px; color:#545454; display:block; background:#d5d5d5;}

#tab .tab_box{width:1180px;height:auto;clear:both;margin-top: 30px;position:relative; float:right; overflow:hidden;}

#tab .tab_menu .selected a{background:#8ad1fb ;cursor:pointer;color:#fff; height:40px;display:block; }

#tab .tab_box ul li{float:left;width:360px; height:426px;margin:0px 33px 20px 0; background:#fff;transition: all .2s;

-moz-transition: all .2s;	/* Firefox 4 */

-webkit-transition: .2s;	/* Safari 和 Chrome */

-o-transition: all .2s;	}

#tab .tab_box ul li img{ width:360px; height:240px;margin: 0 0 13px 0;}

#tab .tab_box ul li h5 a{ font-size:16px; color:#333;  line-height:30px;margin-left:10px;}

#tab .tab_box ul li p{width:242px;height:30px;margin: 3px 10px 10px 10px;font-size:14px; color:#545454; line-height:24px;overflow: hidden;}

#tab .tab_box ul li .xq{width:97px;  height:33px; line-height:33px; border:1px solid #dfdfdf;margin-left:20px;padding: 0; float:left;font-size:14px;color:#545454;text-align:center; display:block;}

#tab .tab_box ul li .xq1{width:97px;  height:33px; line-height:33px; border:1px solid #dfdfdf;margin-right:20px;padding: 0; float:right;font-size:14px;color:#545454;text-align:center; display:none;}



#tab .hide{display:none;}

#tab .tab_box div{padding:10px 0;}

#tab .tab_box ul li .xq:hover{background:#8ad1fb; color:#fff;} 

#tab .tab_box ul li .xq1:hover{background:#8ad1fb; color:#fff;} 

#tab .tab_box ul li:hover{box-shadow: 10px 10px 10px #eee;}







.case_bg{width:100%; height:777px;margin:30px auto 0 auto;background:url(../images/case_bg.jpg) no-repeat center;}

.case{width:1180px;margin:0 auto; padding-top:30px;}

.case_t{width:1180px;margin:0px auto; }

.case_t h3{ font-size:30px; font-weight:bold; text-align:center; display:block; color:#333;}

.case_t p{font-size:18px; font-weight:normla; text-align:center;color:#666;}

.case_con ul li:first-child{width:400px;height:600px;}

.case_con ul li:first-child > a{ width:400px;height:600px;overflow:hidden;}

.case_con ul li:first-child a img{width:400px;height:600px;}

.case_con ul li:first-child .anl_rig{width:400px;height:600px;}

.case_con ul li:first-child .hover .bor_top_1,.case_con ul li:first-child .hover .bor_bottom_1{width:400px;}

.case_con ul li:first-child .hover .bor_right_1,.case_con ul li:first-child .hover .bor_left_1{height:600px;}

.case_con ul li:first-child .anl_rig .an_more{width:320px;margin:240px auto 0;}

.case_con ul li:first-child .anl_rig .an_more p{height:66px;overflow:hidden;}



.case_con ul{overflow:hidden;width:1300px;margin-top:25px;}

.case_con ul li{float:left;position:relative;margin-right:20px;margin-bottom:20px;}

.case_con ul li > a{ width:370px;height:290px;overflow:hidden;display:block;}

.case_con ul li a img{ width:370px;height:290px;}

.case_con ul li .anl_rig{background:url(../images/an_hov_bg.png);width:370px;height:290px; text-align:center;position:absolute;top:2px;}

.case_con ul li .anl_rig .an_more{color:#fff;width:280px;margin:70px auto 0;}

.case_con ul li .anl_rig .an_more h5 a{font-size:18px; text-align:left;height:25px;overflow:hidden;font-weight:normal;color:#fff;}

.case_con ul li .anl_rig .an_more a{display:block;}

.case_con ul li .anl_rig .an_more span{font-size:16px; text-align:left;overflow:hidden;font-weight:normal;color:#fff; display:block; margin-top:20px;}

.case_con ul li .an_more p{font-size:14px; text-align:left;height:75px;overflow:hidden;color:#fff; line-height:24px; margin-top:10px;}

.case_con ul li .anl_rig .bor{ background:#fff;position:absolute;}

.case_con .hover .bor_top_1,.hover .bor_bottom_1{width:266px;}

.case_con .hover .bor_right_1,.hover .bor_left_1{height:191px;}

.bor_top_1{width:0;height:1px;top:7px;left:7px; -webkit-transition:all 0.5s ease-out;

	-o-transition:all 0.5s ease-out;

	transition:all 0.5s ease-out}



.banner1{margin:0 auto;width:100%; height:360px; background:url(../images/banner_1.jpg)  no-repeat center;}

.banner1 .zx {width:1180px;margin:0 auto;}

.banner1 .zx .nr{font-size:24px; color:#333;text-align:left; line-height:45px; width:1180px; margin:0px auto; padding:25px 0px 0 50px; float:left;}

.banner1 .zx .nr p{font-size:24px; color:#333; font-weight:normal;margin-right: 75px;}

.banner1 .zx .zx1{ width:595px; float:left;margin:260px 0px 0 60px;}

.banner1 .zx .zx1 .rexian{color:#333; font-size:18px; text-align:left; float:left; line-height:46px; }

.banner1 .zx .buttom{width:126px; height:45px; text-align:center; line-height:45px; background:#8ad1fb; float:left; margin:0 50px;}

.banner1 .zx .buttom a{font-size:18px; color:#333;}



.ysbg{ width:100%;  height:841px;margin:0 auto; position:relative;background:url(../images/ys_bg.jpg) no-repeat bottom center; }

.ysbg .advantage{ width:1180px; height:841px; margin:0 auto; position:relative;}

.ysbg .advantage_title {margin:0 auto;position:absolute; width:330px; left: 8px;top: 122px;}

.ysbg .advantage_title p{ font-size:20px; color:#fff; line-height:30px; text-align:center; margin-top:20px;}

.ysbg .advantage_title .zx{width:140px; height:40px; background:#8ad1fb; margin:20px auto 0 auto;}

.ysbg .advantage_title .zx a{ font-size:18px; color:#333; display:block; text-align:center; line-height:40px;}

.advantage .ys1{ position:absolute; top:155px;width:530px; height:200px;left:265px;}

.advantage .ys1 .yst{ color:#333; font-size:18px;position:absolute;  left:130px; top:22px;}

.advantage .ys1 .yscon{ color:#545454;  font-size:14px;position:absolute; top:60px; left:130px; }

.advantage .ys1 .yscon p{line-height:24px;}



.advantage .ys2{ position:absolute; top:390px; left:0; width:327px; height:200px;}

.advantage .ys2 .yst{color:#333; font-size:18px;position:absolute; left:20px;}

.advantage .ys2 .yscon{color:#545454;  font-size:14px;position:absolute; top:40px; left:20px; }

.advantage .ys2 .yscon p{ line-height:30px;}



.advantage .ys3{ position:absolute; top:390px;width:340px; height:200px;right:15px;}

.advantage .ys3 .yst{ color:#333; font-size:18px;position:absolute; left:30px;}

.advantage .ys3 .yscon{ color:#545454; font-size:14px;position:absolute; top:45px; left:30px; }   

.advantage .ys3 .yscon p{ line-height:24px; margin-bottom:5px;}



.advantage .ys4{ position:absolute; top:655px;width:500px; height:200px;left:270px;}

.advantage .ys4 .yst{ color:#333; font-size:18px;position:absolute; left:130px;}

.advantage .ys4 .yscon{ color:#545454; font-size:14px;position:absolute; top:40px; left:130px; }   

.advantage .ys4 .yscon p{ line-height:24px; margin-bottom:5px;}



.advantage .tu1{ position:absolute; top:121px; right:0px; width:344px; height:240px;}

.advantage .tu1 .img{position:absolute;  left:0px; }



.advantage .tu2{ position:absolute; top:361px; right:344px; width:490px; height:240px;}

.advantage .tu2 .img{position:absolute;  left:0px; }



.advantage .tu3{ position:absolute; top:601px; left:0px; width:344px; height:240px;}

.advantage .tu3 .img{position:absolute;  left:0px; }



.advantage .tu4{ position:absolute; top:601px; right:0px;width:344px; height:240px;}

.advantage .tu4 .img{position:absolute;  left:0px; }

	

	

.review_bg{width:1180px; margin:50px auto 0 auto;}

.review_title{width:1180px;margin:0 auto;background:url(../images/jz_t.jpg)  no-repeat center; }

.review_title h3 a {font-size:30px;color:#333; text-align:center; font-weight:bold; display:block; }

.review_title p {color:#666; font-size:16px; text-align:center;}

.review{width:1180px; margin:20px auto 0 auto;}



.review ul li{width:370px; height:215px; border:1px solid #dcdcdc;float:left;margin:100px 21px 0 0;}

.review ul li .jz_img{width:176px; height:176px; background:#f3f3f3; margin:-90px auto 0 auto; border-radius:50%; }

.review ul li .jz_img img{width:154px;height:154px; border-radius:50%; padding:11px;}

.review ul li .neir{width:370px;position:relative;}

.review ul li .neir h5 a{font-size:16px;color:#333; font-weight:normal;text-align:center;height:45px; line-height:45px; display:block;white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;}

.review ul li .neir p{font-size:13px;color:#545454;line-height:24px; height:70px; overflow:hidden; margin:0 10px;}



.about_bg{width:100%; height:800px; background:#eaeaea url(../images/ab_bg.jpg)  no-repeat top center; margin:50px auto 0 auto;}

.about_bg .about{width:1180px; height:445px; padding-top:60px; position:relative; margin:0 auto;}

.about_bg .about .box{width: 680px;height: 400px; padding:15px;float:right; margin-right:70px;}

.about_bg .about .box h3 a{ font-size:18px; color:#333; font-weight:bold; line-height:120px;height: 60px; display:block;margin: 55px 0;background:url(../images/ab_t.jpg)  no-repeat top left;}

.about_bg .about .box .nr{font-size:14px; color:#666; line-height:30px; height:150px; overflow:hidden; margin-top:30px;}

.about_bg .about .box .xq{ width:140px; height:44px; line-height:44px; background:#8ad1fb; margin-top:20px;}

.about_bg .about .box .xq a{ font-size:14px; color:#fff; text-align:center; display:block;}



.rongyu{ width:1180px; height:190px;  margin:50px auto 0 auto;}

.rongyu .ttt{ width:130px; margin:22px auto 0 auto; float:left; height:162px;}

.rongyu .ttt ul{height:49px;margin:0 auto; width:162px;}

.rongyu .ttt li{font-family: microsoft yahei;width:162px;  height:49px;  text-align:center; line-height:49px;cursor:pointer; color:#333;background:#dadada; margin-bottom:20px; }

.rongyu .ttt li a{ color:#333;font-size:16px; font-weight:bold;}

.rongyu .ttt li.hover{ background:#8ad1fb; display:block; }

.rongyu .ttt li.hover a{color:#fff;}

.rongyu .tabcont{ width:920px; float:right; height:200px; overflow:hidden;    margin-right: 20px;}

.rongyu .tabcont .tabc{width:920px; float:left; height:auto;}

.rongyu .tabcont .tabc ul li{ width:218px; float:left;margin:0 15px; margin-top:5px;}

.rongyu .tabcont .tabc ul li:hover{}

.rongyu .tabcont .tabc ul li img{ width:210px; height:145px; border:1px solid #dbdbdb; padding:3px; background:#fff;}

.rongyu .tabcont .tabc ul li span{ width:218px; text-align:center; line-height:28px; float:left;font-size:14px; color:#666; white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;

overflow: hidden; display:block;}



.trends{width:1180px; margin:50px auto 0 auto;}

.trends .news_t{width:1180px; margin:0 auto;}

.trends .news_t h3{font-size:30px; font-weight:bold; color:#333; display:block; text-align:center;}

.trends .news_t h3 p{font-size:14px; font-weight:normal; color:#666; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.trends .tab_menu{width:760px;height: 45px;margin:30px auto 0 auto;}

.trends .tab_menu ul li{ width:150px; height:43px; border:1px solid #d2d2d2; float:left; margin:0 50px;}

.trends .tab_menu ul li h3 a{font-size:18px; color:#333; text-align:center;display:block; line-height:43px;}

.trends .tab_menu ul li:hover,.trends .tab_menu ul li.casehover{  background:#8ad1fb;}

.trends .tab_menu ul li:hover a,.trends .tab_menu ul li.casehover a{ color:#fff;}

.cont{width:1180px; margin:30px auto 0 auto;}

.cont .news_zy{ width:477px; height:533px; float: left; margin:23px 0 0 20px;}

.cont img{width:502px; max-height:680px;}

.cont .nr{width:630px; height:auto  ;float:right;}

.cont ul li{ height:93px;width:630px; padding:23px 0; border-bottom:1px solid #eee;}

.cont .nrr{ width:630px; height:93px;color:#333;}

.nrr .nrr_l{ float:left; width:72px; font-size:18px; text-align:center;padding: 10px ;color:#545454;height:73px; background:#f2f2f2;}

.nrr .nrr_l span{ font-size:26px; color:#333; font-weight:bold;}

.nrr .nrr_r{ width:510px; float:left; margin:0px 0 0 20px;}

.nrr_r span{ line-height:25px;}

.nrr_r span a{ font-size:14px; color:#333; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden; width:510px;}

.nrr_r p{ color:#545454; width:510px; line-height:24px; height:46px; overflow:hidden; font-size:12px;margin-top: 10px; }

.nrr .nrr_l:hover{ background:#8ad1fb;}



.catenate{margin:30px auto 0 auto; width:1180px;height:70px;}

.catenate .link{font-size:18px;color:#333;line-height:25px; font-weight:bold; background:url(../images/links_xt.jpg) no-repeat right center;}

.catenate .yq a{font-size:14px;color:#666; float:left; line-height:25px; text-align:center;margin-right:10px;}